<%--
  Created by IntelliJ IDEA.
  User: teacher
  Date: 2023/7/17
  Time: 10:24
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Ajax跨域</title>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-3.4.1.min.js"></script>
    <script>
        $(function () {
            $("#btn").click(function () {
                $.ajax({
                    type: "post",
                    url: "http://192.168.111.31:8080/ajax/jp",
                    // 在源生JS中,传递的回调函数的名字的参数是由开发者定义的
                    // 在jquery-ajax中,默认传递了回调函数的名字
                    // 其参数的key为callback
                    // 可以更改这个key的值,通过jsonp属性指定
                    // 由于默认是callback,开发者一般使用的都是callback
                    // 一旦修改,前后端开发人员均需要修改,比较麻烦
                    // 因此,开发中一般不设置该属性
                    // jsonp:"aa",
                    dataType: "jsonp",
                    success: function (result) {
                        console.log(result);
                    }
                });
            });
        })
    </script>
</head>
<body>
<button id="btn">测试</button>
</body>
</html>
